#top{
  background: url(../../image/web/web_header_bg.png) no-repeat;
	width: 1024px;
	height: 134px;
	margin: 0 auto;
}
#logo,#share{
  width: 383px; 
	height: 134px; 
	line-height: 164px; 
	font-size: 20px;
  font-weight:bold;
	color: #7086a4;
	text-shadow: 0 -1px 1px #fff;
	text-align: center;
	float: left;
}
.share_link{
  width:101px;
  height:62px;
  padding:72px 0 0 90px;
  float:left;
}
.website_wb{
  width:192px;
  float:left;
}
#top_button{
  width: 258px; 
	height: 74px; 
	padding-top: 60px;
	float: left;
}
.toggle_button{
  display: block; 
	background: url(../../image/iphone/phone_topbuttom_bg.png) no-repeat; 
	width: 125px; 
	height: 40px; 
	line-height: 40px; 
	font-size: 24px;
  font-weight:bold;
	color: #7086a4;
	text-shadow: 0 -1px 1px #fff;
	text-align: center; 
	float: left;
}
#right_games_button{
  margin-left: 8px;
}
#clock_container{
  position: relative;
	height: 861px;
	width: 1000px;
	margin: 0 auto;
  background:#f1f1f1;
}
#clock_area{
  width:960px;
  height:800px;
  border-radius:10px;
  margin:10px 0 0 20px;
	background:url(../../image/tools_clock/timer_bg.png) repeat;
}
#content1{
  margin:0;
  padding:0;
}
#clock_box>li{
  float:left;
}
#clock_toggleButton{
  width:27%;
}
#clock_content{
  width:73%;
}
#clock_button{
  width:102px;
  margin:0 auto;
  margin-top:50px;
}
#clock_button>li{
  width:100%;
  float:left;
}
.stopwatch_button{
  background:url(../../image/tools_clock/stopwatch.png) no-repeat;
  width:102px;
  height:88px;
}
.countdown_button{
  background:url(../../image/tools_clock/stopwatch_click.png) no-repeat;
  width:102px;
  height:88px;
}
#show_timer{
  width:556px;
  height:130px;
  margin-top:50px;
}
#show_timer>li{
  float:left;
}
#larmTime,#larmTime1,#larmTime2{
  display:block;
  width:124px;
  height:124px;
  margin:0;
  padding:0;
  font-size:80px;
  font-weight:bold;
  color:#4d4d4d;
  text-align:center;
  background-color:transparent;
  border:none;
  box-shadow:none;
}
.timer1{
  width:122px;
  height:124px;
  border:1px solid #f1f1f1;
  border-radius:10px;
  -webkit-box-shadow:0px 0px 5px #e3e3e3;
}
.timer2{
  width:42px;
  height:124px;
  font-size:80px;
  font-weight:bold;
  color:#4d4d4d;
  text-align:center;
  padding-left:5px;
}
.timer3{
  width:66px;
  height:64px;
  margin-top:30px;
  margin-left:22px;
  border:1px solid #f1f1f1;
  border-radius:10px;
  -webkit-box-shadow:1px 1px 3px #e3e3e3;
   font-size:52px;
  font-weight:bold;
  color:#b5b5b5;
  text-align:center;
}
#timer_button{
  width:352px;
  height:69px;
  margin-top:36px;
  margin-left:90px;
}
.button_big{
  margin:0;
  padding:0;
  width:155px;
  height:50px;
  text-decoration:none;
  border-radius:20px;
  text-align:center;
  line-height:25px;
  text-align:center;
  color:white;
  font-size:24px;
  text-shadow:1px 1px 1px #e3e3e3;
  -webkit-box-shadow:0px 3px 2px rgba(0,0,0,0.6) inset;
}
.button_red{
  background:-webkit-gradient(linear, left top, left bottom, from(#c58080), color-stop(0.5, #d11010), to(#e50000));
  
}
.button_green{
  background:-webkit-gradient(linear, left top, left bottom, from(#80c086), color-stop(0.5, #3ab820), to(#3bd300));
  margin-left:30px;
  
}
.button_yellow{
  background:-webkit-gradient(linear, left top, left bottom, from(#ffdc80), color-stop(0.5, #ffa61c), to(#ff8901));
  display:none;
}
.button_blue{
  background:-webkit-gradient(linear, left top, left bottom, from(#85e0ff), color-stop(0.5, #1fadf2), to(#008ee7));
  display:none;
  margin-left:30px;
}
#raking,#project{
  width:684px;
  height:45px;
  background:rgba(95,116,171,0.15);
  margin-top:44px;
}
#raking_title{
  font-size:24px;
  color:#7086a4;
  line-height:45px;
  margin-left:84px;
}
#time{
  margin-left:110px;
}
#show_lap{
  width:684px;
  margin-top:10px;
  margin-bottom:10px;
}
#clock_table td{
  font-size:24px;
  color:#767676;
  text-align:left;
  vertical-align:middle;
  border-bottom:1px solid #ddd;
  padding:3px 0px;
  height:55px;
}
.table_paused{
  text-align:center;
}
.row1{
  margin-left:84px;
}
.row2{
  margin-left:90px;
}
.row3{
  margin-left:84px;
}
.row4{
  margin-left:90px;
}




#small_arrow{
  width:556px;
  height:18px;
}
.button1{
  width:124px;
  height:18px;
  float:left;
}
.button_left{
  margin-left:47px;
}
.arrow1,.arrow2{
  background:url(../../image/tools_clock/timer_choice-number.png) no-repeat;
  width:20px;
  height:18px;
  float:left;
  margin-left:29px;
}
.arrow2{
  margin-let:26px;
}
#four_button{
  width:408px;
  height:80px;
  margin-left:80px;
  margin-top:28px;
}
.buton2{
  margin:0;
  padding:0;
  border:none;
  box-shadow:none;
}
#start_button{
  background:url(../../image/tools_clock/countdown_button_start.png) no-repeat;
  width:93px;
  height:61px;
}
#stop_button{
  background:url(../../image/tools_clock/countdown_button_pause.png) no-repeat;
  width:93px;
  height:61px;
  margin-left:8px;
}
#pause_button{
  background:url(../../image/tools_clock/countdown_button_reset.png) no-repeat;
  width:93px;
  height:61px;
  margin-left:8px;
}
#add_button{
  background:url(../../image/tools_clock/countdown_button_add.png) no-repeat;
  width:93px;
  height:61px;
  margin-left:8px;
}
#project{
  margin-top:20px;
}
#time_set{
  margin-left:210px;
}
#cooking{
  margin:0;
  padding:0;
  width:206px;
  height:38px;
 -webkit-border-radius:0;
 background-color:#eff1f6;
 box-shadow:1px 1px 5px #d6d7dc inset;
 border:none;
 font-size:28px;
 color:#767676;
}